@import "@/common/style/base-style.scss";
/* 基础元素样式重置 */
view, swiper, swiper-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 双层渐变背景 - 修复语法并增强效果 */
.pageBg {
  background: 
    /* 垂直渐变：透明→白色（底部400rpx处完成） */
    linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 400rpx),
    
    /* 水平渐变：蓝绿色→米色（在20%位置完成过渡） */
    linear-gradient(to right, #beecdf, #F4E2D8 20%);
  
  background-blend-mode: overlay; /* 混合模式增强效果 */
  min-height: 80vh;
  width: 100%;
  position: relative;
}

/* 可选：添加精细纹理增强质感 */
.pageBg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 50% 50%, 
      rgba(0,0,0,0.03) 1px, 
      transparent 1px
    );
  background-size: 20px 20px;
  pointer-events: none;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .pageBg {
    background: 
      linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 300rpx),
      linear-gradient(to right, #beecdf, #F4E2D8);
  }
}